<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>薪资想过万，代码敲三遍</title>
    <!-- 第一步 引入ec库文件 -->
    <script src="lib/echarts.min.js"></script>
    <style>
        .box{
            width: 600px;
            height: 400px;
            background-color:aqua;
            margin: 0 auto;
        }
    </style>
</head>

<body>
<!-- 准备一个带宽高的盒子 -->
    <div class="box"></div>
    <script>
        // 第三部 创建ec实例
        // ec。init（dom盒子）
        const myChart = echarts.init(document.querySelector('.box'))
        // 第4步，准备配置项和数据
        option = {
  title: [
    {
      text: '圈圈00圈圈'
    }
  ],
  polar: {
    radius: [30, '80%']
  },
  angleAxis: {
    max: 4,
    startAngle: 75
  },
  radiusAxis: {
    type: 'category',
    data: ['a', 'b', 'c', 'd']
  },
  tooltip: {},
  series: {
    type: 'bar',
    data: [2, 1.2, 2.4, 3.6],
    coordinateSystem: 'polar',
    label: {
      show: true,
      position: 'middle',
      formatter: '{b}: {c}'
    }
  }
};
        // 设置配置项 生成图表
        myChart.setOption(option)
    </script>
</body>
</html>